<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="utf-8" />
        <title>Wallpaper</title>
        <meta name="description" content="Here goes description" />
        <meta name="author" content="author name" />
        <link rel="shortcut icon" href="images/favicon.ico" type="image/x-icon" />
        <!-- ======================================================================
                                    Mobile Specific Meta
        ======================================================================= -->
        <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" />
        <!-- ======================================================================
                                    Style CSS + Google Fonts
        ======================================================================= -->
        <link href="css/swipebox.css" rel="stylesheet" />
        <link href="css/bootstrap.css" rel="stylesheet" />
        <link href="css/style.css" rel="stylesheet" />
        <link href="css/animate.css" rel="stylesheet" />
        <link href="color-box/color-style.css" rel="stylesheet" />
        <link href="color-box/farbtastic/farbtastic.css" rel="stylesheet" />
        <link href="css/font-icon-moon.css" rel="stylesheet" />
        <link href="css/font-awesome.css" rel="stylesheet" />
    </head>
    <body class="single-page">
        <div class="load-complete">
            <div class="load-position">
                <div class="logo wow flip">Wallpaper</div>
                <h6>Please wait, loading...</h6>
                <div class="loading">
                    <div class="loading-line"></div>
                    <div class="loading-break loading-dot-1"></div>
                    <div class="loading-break loading-dot-2"></div>
                    <div class="loading-break loading-dot-3"></div>
                </div>
            </div>
        </div>
        <!-- === START COLOR BOX === -->
        <div class="settings-box">
            <div class="settings-box-icon"><i class="fa fa-spin d-text-c fa-cog"></i></div>
            <div class="settings-box-title">Settings Box</div>
            <p>Primary color</p>
            <ul id="site_color">
                <li><span class="color_1"></span></li>
                <li><span class="color_2"></span></li>
                <li><span class="color_3"></span></li>
                <li><span class="color_4"></span></li>
                <li><span class="color-select"></span></li>      
            </ul>
            <hr> 
            <p>Layout type</p>
            <select name="site_layout">
                <option value="wide">Wide</option>
                <option value="boxed">Boxed</option>
            </select>
            <hr> 
            <p>Background patterns</p>
            <ul id="background_patterns">
                <li><img src="color-box/background/square-1.png" alt="patterns"></li>
                <li><img src="color-box/background/square-2.png" alt="patterns"></li>
                <li><img src="color-box/background/square-3.png" alt="patterns"></li>
                <li><img src="color-box/background/square-4.png" alt="patterns"></li>
                <li><img src="color-box/background/square-5.png" alt="patterns"></li>        
            </ul>
            <hr> 
            <p>Background images</p>
            <ul id="background_images">
                <li><img src="color-box/background/bg-image-1.jpg" alt="background"></li>
                <li><img src="color-box/background/bg-image-2.jpg" alt="background"></li>
                <li><img src="color-box/background/bg-image-3.jpg" alt="background"></li>
                <li><img src="color-box/background/bg-image-4.jpg" alt="background"></li>
                <li><img src="color-box/background/bg-image-5.jpg" alt="background"></li>        
            </ul>
        </div>
        <!-- === END COLOR BOX === -->
        <div class="box-wide">
            <!-- === START HEADER === -->
            <header class="header sticky-bar">
                <div class="container">
                    <div class="row">
                        <div class="col-md-4">
                            <div class="logo"><a href="index.html">Wallpaper</a></div>
                        </div>
                        <div class="col-md-8">
                            <nav class="menu">
                                <div class="responsive-menu d-text-c-h"><i class="fa fa-bars"></i></div>

                                <ul>
                                    <li><a class="d-text-c-h" href="#">Home</a>
                                        <ul>
                                            <li><a class="d-text-c-h" href="index.html">Home v1</a></li>
                                            <li><a class="d-text-c-h" href="index-v2.html">Home v2</a></li>
                                            <li><a class="d-text-c-h" href="index-v3.html">Home v3</a></li>
                                        </ul>
                                    </li>
                                    <li><a class="d-text-c-h" href="#">Portfolio</a>
                                        <ul>
                                            <li><a class="d-text-c-h" href="portfolio-2-col.html">Portfolio 2 columns</a>
                                                <ul>
                                                    <li><a class="d-text-c-h" href="portfolio-2-col.html">Portfolio 2 columns</a></li>
                                                    <li><a class="d-text-c-h" href="portfolio-2-col-no-padding.html">Portfolio 2 columns no padding</a></li>
                                                    <li><a class="d-text-c-h" href="portfolio-2-col-v2.html">Portfolio 2 columns v2</a></li>
                                                </ul>
                                            </li>
                                            <li><a class="d-text-c-h" href="portfolio-3-col.html">Portfolio 3 columns</a>
                                                <ul>
                                                    <li><a class="d-text-c-h" href="portfolio-3-col.html">Portfolio 3 columns</a></li>
                                                    <li><a class="d-text-c-h" href="portfolio-3-col-no-padding.html">Portfolio 3 columns no padding</a></li>
                                                    <li><a class="d-text-c-h" href="portfolio-3-col-v2.html">Portfolio 3 columns v2</a></li>
                                                </ul>
                                            </li>
                                            <li><a class="d-text-c-h" href="portfolio-4-col.html">Portfolio 4 columns</a>
                                                <ul>
                                                    <li><a class="d-text-c-h" href="portfolio-fw-4-col.html">Portfolio fw 4 columns</a></li>
                                                    <li><a class="d-text-c-h" href="portfolio-4-col.html">Portfolio 4 columns</a></li>
                                                    <li><a class="d-text-c-h" href="portfolio-4-col-v2.html">Portfolio 4 columns v2</a></li>
                                                </ul>
                                            </li>
                                            <li><a class="d-text-c-h" href="portfolio-6-col.html">Portfolio 6 columns</a>
                                                <ul>
                                                    <li><a class="d-text-c-h" href="portfolio-fw-6-col-v2-no-padding.html">Portfolio fw 6 columns v2 no padding</a></li>
                                                    <li><a class="d-text-c-h" href="portfolio-6-col.html">Portfolio 6 columns</a></li>
                                                </ul>
                                            </li>
                                            <li><a class="d-text-c-h" href="project-v1.html">Project v1</a></li>
                                            <li><a class="d-text-c-h" href="project-v2.html">Project v2</a></li>
                                        </ul>                                   
                                    </li>
                                    <li><a class="d-text-c-h" href="#">Pages</a>
                                        <ul>
                                            <li><a class="d-text-c-h" href="about-us.html">About Us</a></li>
                                            <li><a class="d-text-c-h" href="coming-soon.html">Coming soon</a></li>
                                            <li><a class="d-text-c-h" href="error-404.html">Error 404</a></li>
                                            <li><a class="d-text-c-h" href="our-team.html">Our Team</a></li>
                                            <li><a class="d-text-c-h" href="services.html">Services</a></li>
                                            <li><a class="d-text-c-h" href="shortcodes.html">Shortcodes</a></li>
                                        </ul>
                                    </li>
                                    <li><a class="d-text-c-h" href="#">Blog</a>
                                        <ul>
                                            <li><a class="d-text-c-h" href="blog-2c-rs.html">Blog 2 columns right sidebar</a></li>
                                            <li><a class="d-text-c-h" href="blog-3c.html">Blog 3 columns</a></li>
                                            <li><a class="d-text-c-h" href="blog-fw.html">Blog fullwidth</a></li>
                                            <li><a class="d-text-c-h" href="blog-fw-rs.html">Blog fullwidth right sidebar</a></li>
                                            <li><a class="d-text-c-h" href="post.html">Single Post</a></li>
                                        </ul>
                                    </li>
                                    <li class="current-item"><a class="d-text-c-h" href="#">Shop</a>
                                        <ul>
                                            <li><a class="d-text-c-h" href="shop.html">Shop</a></li>
                                            <li><a class="d-text-c-h" href="shop-item.html">Single Product</a></li>
                                            <li><a class="d-text-c-h" href="shop-ls.html">Shop left sidebar</a></li>
                                            <li><a class="d-text-c-h" href="shop-rs.html">Shop right sidebar</a></li>
                                            <li><a class="d-text-c-h" href="cart.html">Cart</a></li>
                                        </ul>
                                    </li>
                                    <li><a class="d-text-c-h" href="#">Contact</a>
                                        <ul>
                                            <li><a class="d-text-c-h" href="contact-v1.html">Contact v1</a></li>
                                            <li><a class="d-text-c-h" href="contact-v2.html">Contact v2</a></li>
                                            <li><a class="d-text-c-h" href="contact-v3.html">Contact v3</a></li>
                                            <li><a class="d-text-c-h" href="contact-v4.html">Contact v4</a></li>
                                        </ul>
                                    </li>
                                </ul>
                            </nav>
                        </div>
                    </div>
                </div>
            </header>
            <!-- === END HEADER === -->


            <!-- === START CONTENT === -->
            <div class="content">
                <!-- === START PATH === -->
                <div class="path-section">
                    <div class="bg-cover">
                        <div class="container">
                            <h3><a class="d-text-c-h" href="index.html">Home</a> / <a class="d-text-c-h" href="shop.html">Shop</a></h3>
                        </div>
                    </div>
                </div>
                <!-- === END PATH === -->

                <!-- === START SHOP SECTION === -->
                <div class="shop-section">
                    <div class="container">
                        <div class="shop-filter">
                            <div class="row">
                                <div class="col-md-6">
                                    <h6>Showing 12 results from 123</h6>
                                </div>
                                <div class="col-md-6">
                                    <div class="align-right">
                                        <select>
                                            <option value="default">Default</option>
                                            <option value="low-high">Low to High</option>
                                            <option value="high-low">High to Low</option>
                                            <option value="popular">Popular</option>
                                        </select>
                                    </div>
                                </div>
                            </div>
                        </div>

                        <div class="shop-items">
                            <div class="row">
                                <div class="col-md-3">
                                    <div class="shop-item">
                                        <div class="item-image">
                                            <div class="item-hover">
                                                <div class="item-new">New</div>
                                                <div class="item-hover-bg d-bg-c"></div>
                                                <h5><a href="shop-item.html">add to cart</a></h5>
                                            </div>
                                            <img src="images/shop-1.jpg" alt="shop images" />
                                        </div>
                                        <div class="item-details">
                                            <h3><a href="shop-item.html" class="d-text-c-h">Super Product</a></h3>
                                            <h6>$96</h6>
                                        </div>
                                    </div>
                                </div>
                                <div class="col-md-3">
                                    <div class="shop-item">
                                        <div class="item-image">
                                            <div class="item-hover">
                                                <div class="item-hover-bg d-bg-c"></div>
                                                <h5><a href="shop-item.html">add to cart</a></h5>
                                            </div>
                                            <img src="images/shop-2.jpg" alt="shop images" />
                                        </div>
                                        <div class="item-details">
                                            <h3><a href="shop-item.html" class="d-text-c-h">Super Product</a></h3>
                                            <h6><i>$123</i>$96</h6>
                                        </div>
                                    </div>
                                </div>
                                <div class="col-md-3">
                                    <div class="shop-item">
                                        <div class="item-image">
                                            <div class="item-hover">
                                                <div class="item-sale d-bg-c">Sale</div>
                                                <div class="item-hover-bg d-bg-c"></div>
                                                <h5><a href="shop-item.html">add to cart</a></h5>
                                            </div>
                                            <img src="images/shop-3.jpg" alt="shop images" />
                                        </div>
                                        <div class="item-details">
                                            <h3><a href="shop-item.html" class="d-text-c-h">Super Product</a></h3>
                                            <h6>$96</h6>
                                        </div>
                                    </div>
                                </div>
                                <div class="col-md-3">
                                    <div class="shop-item">
                                        <div class="item-image">
                                            <div class="item-hover">
                                                <div class="item-hover-bg d-bg-c"></div>
                                                <h5><a href="shop-item.html">add to cart</a></h5>
                                            </div>
                                            <img src="images/shop-4.jpg" alt="shop images" />
                                        </div>
                                        <div class="item-details">
                                            <h3><a href="shop-item.html" class="d-text-c-h">Super Product</a></h3>
                                            <h6>$96</h6>
                                        </div>
                                    </div>
                                </div>
                                <div class="col-md-3">
                                    <div class="shop-item">
                                        <div class="item-image">
                                            <div class="item-hover">
                                                <div class="item-sold">Sold</div>
                                                <div class="item-hover-bg d-bg-c"></div>
                                                <h5><a href="shop-item.html">add to cart</a></h5>
                                            </div>
                                            <img src="images/shop-5.jpg" alt="shop images" />
                                        </div>
                                        <div class="item-details">
                                            <h3><a href="shop-item.html" class="d-text-c-h">Super Product</a></h3>
                                            <h6><i>$150</i>$96</h6>
                                        </div>
                                    </div>
                                </div>
                                <div class="col-md-3">
                                    <div class="shop-item">
                                        <div class="item-image">
                                            <div class="item-hover">
                                                <div class="item-hover-bg d-bg-c"></div>
                                                <h5><a href="shop-item.html">add to cart</a></h5>
                                            </div>
                                            <img src="images/shop-6.jpg" alt="shop images" />
                                        </div>
                                        <div class="item-details">
                                            <h3><a href="shop-item.html" class="d-text-c-h">Super Product</a></h3>
                                            <h6>$96</h6>
                                        </div>
                                    </div>
                                </div>
                                <div class="col-md-3">
                                    <div class="shop-item">
                                        <div class="item-image">
                                            <div class="item-hover">
                                                <div class="item-hover-bg d-bg-c"></div>
                                                <h5><a href="shop-item.html">add to cart</a></h5>
                                            </div>
                                            <img src="images/shop-7.jpg" alt="shop images" />
                                        </div>
                                        <div class="item-details">
                                            <h3><a href="shop-item.html" class="d-text-c-h">Super Product</a></h3>
                                            <h6>$96</h6>
                                        </div>
                                    </div>
                                </div>
                                <div class="col-md-3">
                                    <div class="shop-item">
                                        <div class="item-image">
                                            <div class="item-hover">
                                                <div class="item-hover-bg d-bg-c"></div>
                                                <h5><a href="shop-item.html">add to cart</a></h5>
                                            </div>
                                            <img src="images/shop-8.jpg" alt="shop images" />
                                        </div>
                                        <div class="item-details">
                                            <h3><a href="shop-item.html" class="d-text-c-h">Super Product</a></h3>
                                            <h6>$96</h6>
                                        </div>
                                    </div>
                                </div>
                                <div class="col-md-3">
                                    <div class="shop-item">
                                        <div class="item-image">
                                            <div class="item-hover">
                                                <div class="item-hover-bg d-bg-c"></div>
                                                <h5><a href="shop-item.html">add to cart</a></h5>
                                            </div>
                                            <img src="images/shop-9.jpg" alt="shop images" />
                                        </div>
                                        <div class="item-details">
                                            <h3><a href="shop-item.html" class="d-text-c-h">Super Product</a></h3>
                                            <h6>$96</h6>
                                        </div>
                                    </div>
                                </div>
                                <div class="col-md-3">
                                    <div class="shop-item">
                                        <div class="item-image">
                                            <div class="item-hover">
                                                <div class="item-hover-bg d-bg-c"></div>
                                                <h5><a href="shop-item.html">add to cart</a></h5>
                                            </div>
                                            <img src="images/shop-10.jpg" alt="shop images" />
                                        </div>
                                        <div class="item-details">
                                            <h3><a href="shop-item.html" class="d-text-c-h">Super Product</a></h3>
                                            <h6>$96</h6>
                                        </div>
                                    </div>
                                </div>
                                <div class="col-md-3">
                                    <div class="shop-item">
                                        <div class="item-image">
                                            <div class="item-hover">
                                                <div class="item-hover-bg d-bg-c"></div>
                                                <h5><a href="shop-item.html">add to cart</a></h5>
                                            </div>
                                            <img src="images/shop-11.jpg" alt="shop images" />
                                        </div>
                                        <div class="item-details">
                                            <h3><a href="shop-item.html" class="d-text-c-h">Super Product</a></h3>
                                            <h6>$96</h6>
                                        </div>
                                    </div>
                                </div>
                                <div class="col-md-3">
                                    <div class="shop-item">
                                        <div class="item-image">
                                            <div class="item-hover">
                                                <div class="item-sale d-bg-c">Sale</div>
                                                <div class="item-hover-bg d-bg-c"></div>
                                                <h5><a href="shop-item.html">add to cart</a></h5>
                                            </div>
                                            <img src="images/shop-12.jpg" alt="shop images" />
                                        </div>
                                        <div class="item-details">
                                            <h3><a href="shop-item.html" class="d-text-c-h">Super Product</a></h3>
                                            <h6>$96</h6>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <ul class="shop-pagination">
                                <li><a href="#" class="d-text-c-h d-border-c-h">1</a></li>
                                <li><a href="#" class="active d-text-c-h d-border-c-h">2</a></li>
                                <li><a href="#" class="d-text-c-h d-border-c-h">3</a></li>
                                <li><a href="#" class="d-text-c-h d-border-c-h">4</a></li>
                            </ul>
                        </div>
                    </div>
                </div>
                <!-- === END SHOP SECTION === -->
            </div>
            <!-- === END CONTENT === -->


            <!-- === START FOOTER === -->
            <footer class="footer">
                <div class="container">
                    <div class="row">
                        <div class="col-md-3 col-xs-6">
                            <div class="widget wow bounceInLeft">
                                <h2 class="logo">Wallpaper</h2>
                                <p>23408 Trafalguar Square, PO BOX 345<br/>Westminster, London<br/>United Kingdom</p>
                            </div>
                        </div>
                        <div class="col-md-3 col-xs-6">
                            <div class="widget widget-blog-posts wow fadeInUp">
                                <h3 class="widget-title">Latest blog posts</h3>
                                <ul>
                                    <li><a href="#" class="d-text-c-h">Web Design Technics</a></li>
                                    <li><a href="#" class="d-text-c-h">Fiction vs Reality</a></li>
                                    <li><a href="#" class="d-text-c-h">10 Freebies Design Inspiration</a></li>
                                    <li><a href="#" class="d-text-c-h">Having fun at the lake</a></li>
                                </ul>
                            </div>
                        </div>
                        <div class="col-md-3 col-xs-6">
                            <div class="widget widget-tag-cloud wow fadeInUp">
                                <h3 class="widget-title">tag cloud</h3>
                                <a href="#" class="d-bg-c-h">Reserch</a>
                                <a href="#" class="d-bg-c-h">Development</a>
                                <a href="#" class="d-bg-c-h">Framework</a>
                                <a href="#" class="d-bg-c-h">Showcase</a>
                                <a href="#" class="d-bg-c-h">Design</a>
                                <a href="#" class="d-bg-c-h">Strategy</a>
                                <a href="#" class="d-bg-c-h">Bootstrap</a>
                                <a href="#" class="d-bg-c-h">Artist Design</a>
                                <a href="#" class="d-bg-c-h">Management</a>
                            </div>
                        </div>
                        <div class="col-md-3 col-xs-6">
                            <div class="widget widget-socials wow bounceInRight">
                                <h3 class="widget-title">Social profiles</h3>
                                <p>On the other hand, we denounce with righteous indignation and dislike men.</p>
                                <ul class="socials">
                                    <li><a href="#" class="d-text-c-h d-border-c-h"><i class="fa fa-facebook"></i></a></li>
                                    <li><a href="#" class="d-text-c-h d-border-c-h"><i class="fa fa-twitter"></i></a></li>
                                    <li><a href="#" class="d-text-c-h d-border-c-h"><i class="fa fa-instagram"></i></a></li>
                                    <li><a href="#" class="d-text-c-h d-border-c-h"><i class="fa fa-google-plus"></i></a></li>
                                    <li><a href="#" class="d-text-c-h d-border-c-h"><i class="fa fa-rss"></i></a></li>
                                </ul>
                            </div>
                        </div>
                        <div class="col-md-12">
                            <p class="copywrite">© Copyright 2014 by GeoThemes. All rights reserved.</p>
                        </div>
                    </div>
                </div>
            </footer>
            <!-- === END FOOTER === -->
        </div>
        <!-- =========================== START SCRIPTS ========================== -->
        <script src="js/modernizr.custom.63321.js" type="text/javascript"></script>
        <script src="js/jquery-1.11.1.min.js" type="text/javascript"></script>
        <script src="js/jquery-ui.min.js" type="text/javascript"></script>
        <script src="js/waypoints.js" type="text/javascript"></script>
        <script src="js/bootstrap.js" type="text/javascript"></script>
        <script src="js/placeholder.js" type="text/javascript"></script>
        <script src="js/imagesloaded.pkgd.min.js" type="text/javascript"></script>
        <script src="js/masonry.pkgd.js" type="text/javascript"></script>
        <script src="js/jquery.swipebox.min.js" type="text/javascript"></script>
        <script src="js/wow.js" type="text/javascript"></script>
        <script src="js/knob.js" type="text/javascript"></script>
        <script src="js/jquery.counterup.js" type="text/javascript"></script>
        <script src="js/options.js" type="text/javascript"></script>
        <script src="js/plugins.js" type="text/javascript"></script>
        <script src="color-box/color-js.js" type="text/javascript"></script>
        <script src="color-box/farbtastic/farbtastic.js" type="text/javascript"></script>
        <!--[if lt IE 9]>
          <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
          <script src="https://oss.maxcdn.com/libs/respond.js/1.3.0/respond.min.js"></script>
        <![endif]-->
        <!-- =========================== END SCRIPTS ========================== -->
    </body>
</html>